<template>
  <!-- 外层最大盒子 -->
  <div class="artDetails">
    <div class="artDetaBox">
      <!-- 目录 -->
      <span class="catalog">
        <a href="javascript:;">首页</a> / <a href="javascript:;">年度总结</a> /
        正文
      </span>
      <!-- 内容层最大盒子 -->
      <div class="content">
        <!-- 标签 -->
        <span class="tag">Java</span>
        <!-- 题目 -->
        <h2>题目</h2>
        <!-- 用户信息 -->
        <div class="uInfo">
          <div class="uIcon">
            <img src="../../state/img/login01.jpg" alt="" />
          </div>
          <div class="uTxt">
            <div class="uName">飒飒</div>
            <span
              >2021/12/13 4 评论 / 0 点赞 / 42 阅读 / 3,452 字 /
              <span class="over">已收录</span>
            </span>
          </div>
        </div>
        <div class="content">
          <!-- 温馨提示 -->
          <div class="hint" v-if="false">
            <span>温馨提示：</span>
            <div class="hContent">
              本文最后更新于
              2022-01-04，若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益，请联系我们删除。
            </div>
          </div>
          <!-- 题意 -->
          <!-- <h3>题意</h3>
            <p>题意内容</p> -->

          <!-- <h4>示例</h4> -->
          <!-- 图片 -->
          <img src="" alt="" />
          <p>内容</p>

          <!-- <h4>解法</h4>
            <h5>双指针：</h5>
            <p>内容</p>

            <h5>参考代码：</h5>
            <h6>1、java</h6>
            <p>内容</p> -->
          <!-- <img src="" alt="" /> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'ArtDetails',
    data() {
      return {};
    },
    props: {
      id: {
        required: true,
      },
    },
    components: {},
    methods: {},
    created() {},
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/articlei/artDetails.less');
</style>
